<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BootstrapUI</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
.login-pannel {
	margin: auto;
	margin-top: 50px;
	width: 400px;
	height: 300px;
	background-color: white;
	text-align: center;
}

.login-title {
	font-size: 24px;
	font-weight: bold;
}
</style>
</head>
<body>
	<form class="login-pannel form-control">
		<div class="form-group">&nbsp;</div>
		<div class="form-group">
			<div class="login-title">
				<span>用户登录</span>
			</div>
		</div>
		<div class="form-group">
			<div class="input-group">
				<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></span>
				<input type="text" class="form-control" placeholder="用户名" aria-describedby="basic-addon1">
			</div>
		</div>
		<div class="form-group">
			<div class="input-group">
				<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-record" aria-hidden="true"></span></span>
				<input type="password" class="form-control" placeholder="密码" aria-describedby="basic-addon1">
			</div>
		</div>
		<div class="form-group">
			<button type="button" onclick="login()" class="btn btn-primary pull-center">
				登录 <i class="glyphicon glyphicon-arrow-right"></i>
			</button>
		</div>
	</form>

	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script>
		function login() {
			window.location.href = "main.html";
		}
	</script>
</body>
</html>